<template>
  <div class="main1 d-center">
    <div class="success d-center" v-if="iconShow == 1">
      <i class="el-icon-check" style="color:white;"></i>
    </div>
    <div class="danger d-center" v-if="iconShow == 2">
      <!-- <i class="el-icon-check" style="color:white;"> -->
        <img src="@/assets/img/waring.png" alt />
      <!-- </i> -->
    </div>
    <div class="white d-center" v-if="iconShow == 3">
      <!-- <i class="el-icon-more-outline"></i> -->
    </div>
  </div>
</template>

<script>
export default {
  props: ["iconShow"],
  data() {
    return {};
  }
};
</script>

<style scoped lang="less">
.success {
  width: 36px;
  height: 36px;
  background: #67c23a;
  border-radius: 50%;
}
.danger {
  width: 36px;
  height: 36px;
  background: #f56c6c;
  border-radius: 50%;

  img {
    width: 20px;
  }
}
.white {
  width: 36px;
  height: 36px;
  background: white;
  border-radius: 50%;
  border: 1px solid #ccc;
}
</style>